/*-----------reset---------*/
/*html, body, div, span, applet, object, iframe,*/
/*h1, h2, h3, h4, h5, h6, p, blockquote, pre,*/
/*a, abbr, acronym, address, big, cite, code,*/
/*del, dfn, em, img, ins, kbd, q, s, samp,*/
/*small, strike, strong, sub, sup, tt, var,*/
/*b, u, i, center,*/
/*dl, dt, dd, ol, ul, li,*/
/*fieldset, form, label, legend,*/
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
/*article, aside, canvas, details, embed,*/
/*figure, figcaption, footer, header, hgroup,*/
/*menu, nav, output, ruby, section, summary,*/
/*time, mark, audio, video {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*border: 0;*/
    /*vertical-align: baseline;*/
/*}*/
/*!* HTML5 display-role reset for older browsers *!*/
/*article, aside, details, figcaption, figure,*/
/*footer, header, hgroup, menu, nav, section {*/
    /*display: block;*/
/*}*/
/*body {*/
    /*line-height: 1;*/
/*}*/
/*ol, ul {*/
    /*list-style: none;*/
/*}*/
/*blockquote, q {*/
    /*quotes: none;*/
/*}*/
/*blockquote:before, blockquote:after,*/
/*q:before, q:after {*/
    /*content: '';*/
    /*content: none;*/
/*}*/
/*table {*/
    /*border-collapse: collapse;*/
    /*border-spacing: 0;*/
/*}*/
p{
    margin: 0;
}

@media screen and (max-width:321px){
    *, p, html, body, div, span, input{font-size:12px}
}

@media screen and (min-width:321px) and (max-width:400px){
    *, p, html, body, div, span, input{font-size:13px}
}

@media screen and (min-width:400px){
    *, p, html, body, div, span, input{font-size:14px}
}

tr{
    background-color: #fff;
}

/*字体图标*/
@font-face {
    font-family: 'iconfont';  /* project id 744068 */
    src: url('//at.alicdn.com/t/font_744068_r7xrpa1l9mq.eot');
    src: url('//at.alicdn.com/t/font_744068_r7xrpa1l9mq.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_744068_r7xrpa1l9mq.woff') format('woff'),
    url('//at.alicdn.com/t/font_744068_r7xrpa1l9mq.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_744068_r7xrpa1l9mq.svg#iconfont') format('svg');
}

.main-color{
    color: #319dfc;
}

.color-white{
    color: #ffffff;
}

.color-green{
    color: #008800;
}

.color-red{
    color: #ff0000;
}

.color-blue{
    color: #007aff;
}

.bg-1{
    background-color: #5eb95e;
}

.bg-2{
    background-color: #319dfc;
}

.bg-3{
    background-color: #f0ad4e;
}

.bg-4{
    background-color: #dd514c;
}

.bg-5{
    background-color: #8a6de9;
}

/*.color-blue{*/
    /*color: #319dfc;*/
/*}*/

.fl{
    float: left;
}

.fr{
    float: right;
}

.main-menu span{
    display: inline-block;
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .1rem;
    text-align: center;
}

.main-menu .font-max{
    font-size: 22px;
}

.type-menu h3{
    font-size: 16px;
    /*border-left: 3px solid #319dfc;*/
    /*padding-left: .1rem;*/
    margin-left: .3rem;
    margin-top: .3rem;
}

.search .search-input{
    width:75%;
    border: 0;
    height: 100%;
    margin: 0;
}

.search-res{
    height: .5rem;
    line-height: .5rem;
    width: 100%;
    padding: 0 .1rem;
    display: flex;
}

.search-res .con{
    width: 1.6rem;
    padding-left: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
    display: inline-block;
}

.search-res .flex-1{
    flex: 1;
    display: flex;
}

.show{
    padding-left: .2rem;
}

.mar-r-1{
    margin-right: .25rem;
}


.abs{
    position: fixed;

}

.width-100{
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}

.width-200{
    width: 200px;
}

/*layui*/
.layui-table-header table thead tr{
    background-color: rgb(93,173,219)!important;
    color: #000;
}

.layui-table-header table thead tr span{
    font-weight: bold;
}

.layui-table[lay-even] tr:nth-child(even) {
    background-color: #d9edf7;
}

.layui-table-tips-c{
    line-height: 14px;
    font-size: 12px;
}

.layui-table{
    color: #333;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: rgb(93,173,219);
}

.layui-table-page{
    height: auto;
}

.layui-table-page>div{
    height: auto;
}

.layui-table-view{
    overflow: visible;
    border-bottom: 0;
}

.layui-table-page{
    position: absolute;
    bottom: -70px;
}




    /*
     *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
     * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
     *
     * */

.mui-plus header.mui-bar{
	display: none;
}
.mui-plus .mui-bar-nav~.mui-content{
	padding: 0;
}

.mui-bar-tab .mui-tab-item .mui-icon{
    margin-bottom: 5px;
}

.mui-table-view-cell>a:not(.mui-btn){
    margin: 0;
    padding: 0;
}

.mui-btn, button{
    padding: .05rem .2rem;
}

.mui-btn .mui-icon{
    font-size: 18px;
}

/*单选样式*/
.mui-checkbox{
    width: 100%;
    height: 100%;
}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
    position: static;
    width: auto;
    height: auto;
}

.mui-checkbox input[type=checkbox]:checked:before{
    color: #4cd964
}

.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
    font-size: 22px;
}

.mui-content>.mui-table-view:first-child{
    margin-top: 0;
}


.mui-right,.mui-left{
    width: .6rem;
}

.mui-icon-search, .mui-icon-checkmarkempty{
    color: #007aff;
}


/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}

.icon-font{
    font-family: iconfont;
    font-style: normal;
}

.font-1{
    font-size: 12px;
}

.font-2{
    font-size: 14px;
}

.font-3{
    font-size: 16px;
}

.font-4{
    font-size: 18px;
}

.font-5{
    font-size: 20px;
}

.font-bold{
    font-weight: bold;
    color: #000;
}

.color-gray{
    color: rgb(121,121,121)!important;
}


.tips {
    padding: 12px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    background-color: #f5f5f5;
}

.tips-small {
    padding: 3px;
}

.tips-important {
    color: #3c9ce9;
    border-color: #bbe7f0;
    background-color: #d8ecf6;
}

.tips-success {
    color: #3c763d;
    border-color: #d6e9c6;
    background-color: #dff0d8;
}

.tips-info {
    color: #31708f;
    border-color: #bce8f1;
    background-color: #d9edf7;
}

.tips-warning {
    color: #8a6d3b;
    border-color: #fbeed5;
    background-color: #fcf8e3;
}

.tips-danger,.tips-error {
    color: #eb4f38;
    border-color: #ebccd1;
    background-color: #f2dede;
}

.tips .x-icon {
    float: left;
    *vertical-align: baseline;
}

.tips .tips-content {
    line-height: 18px;
    color: #333;
    margin-left: 31px;
}

.tips-small .tips-content {
    margin-left: 21px;
}

.tips-no-icon .tips-content {
    margin-left: 3px;
}

.tips h2 {
    margin-top: 0;
    padding: 0;
    line-height: 24px;
    font-size: 16px;
}

.tips a{
    color: #000;
}

.tips p {
    margin: 5px 0 0;
}

.x-icon {
    display: inline-block;
    *display: inline;
    *zoom:1;
    font-weight: bold;
    text-align: center;
    height: 22px;
    width: 22px;
    overflow: hidden;
    line-height: 22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: inherit;
}

.x-icon .mui-icon{
    font-size: 20px;
}

.x-icon-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.x-icon-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.x-icon-important {
    color: #fff;
    background-color: #6cb5f4;
    border-color: #54a9f2;
}
